const firebaseConfig = {
        apiKey: "AIzaSyA5mLbxrxOtjt_XYdmyOElziBttEkycziE",
        authDomain: "murph-d8f14.firebaseapp.com",
        databaseURL: "https://murph-d8f14-default-rtdb.firebaseio.com",
        projectId: "murph-d8f14",
        storageBucket: "murph-d8f14.appspot.com",
        messagingSenderId: "532770315798",
        appId: "1:532770315798:web:44ee4294fb421386ba1f37",
        measurementId: "G-7D8PB7BNN5"
      };

      const table = document.querySelector("#table");

      //get all users.
      const renderUser = doc => {
          const tr = `
          <tr>
            <td>${doc.data().username}</td>
            <td>${doc.data().password}</td>
            </tr>
          `;
          table.insertAdjacentHTML('beforeend', tr);
      }

      // Initialize Firebase
      firebase.initializeApp(firebaseConfig);
      const db = firebase.firestore();

      db.collection("users").get().then((quarySnapshot) => {
          quarySnapshot.forEach(doc => {
          renderUser(doc);});
        });
    </script>
    <table id="table">
      <tr>
        <th>Username</th>
        <th>Password</th>
      </tr>
    </table>